<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c"%>
<%@ taglib prefix="f" uri="http://www.springframework.org/tags/form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%
	String path=request.getContextPath();
%>    

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="/resources/css/bootstrap-4.3.1/css/bootstrap.css" rel="stylesheet">
	<script type="text/javascript" src="/resources/js/jquery-3.2.1/jquery.js"></script>
	<script type="text/javascript" src="/resources/js/jqueryvalidate/jquery.validate.js"></script>
	<script type="text/javascript" src="/resources/js/jqueryvalidate/localization/messages_zh.js"></script>
	<script type="text/javascript" src="/resources/css/bootstrap-4.3.1/js/bootstrap.js"></script>
</head>
<body>
	<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
		<a class="navbar-brand" href="/">
		   <img src="/resources/js/images/logo.png" width="30" height="30" class="d-inline-block align-top" alt="">
		</a>
		<a class="navbar-brand" href="/">首页</a>
		<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
		  <span class="navbar-toggler-icon"></span>
		</button>
	
	  <div class="collapse navbar-collapse" id="navbarSupportedContent">
	    <ul class="navbar-nav mr-auto">
	      <li class="nav-item active">
	        <a class="nav-link" href="#">最热新闻<span class="sr-only">(current)</span></a>
	      </li>
	    
	    </ul>
	    
	    <!--搜索框开始  -->
	    <%-- <form class="form-inline my-2 my-lg-0">
	      <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
	      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
	    </form> --%>
	    <!--搜索框结束  -->
	    
	  </div>
	</nav>

	<div class = "container-fluid" style = "margin-top:20px">
		<div class = "row">
			<!--左侧的用户操控按钮  -->
		  
		    <div class="col-md-2">  
			<div class="list-group">
			  <button type="button" class="list-group-item list-group-item-action" onclick="showWork(this,'/admin/showUser')">
			  		用户管理
			  </button>
			  <button type="button" class="list-group-item list-group-item-action" onclick="showWork(this,'/admin/showArticle')">文章管理</button>
			  <button type="button" class="list-group-item list-group-item-action" onclick="showWork(this,'/admin/showLink')">友情链接管理</button>
			 
			</div>
			</div>
		<!--左侧的用户操控按钮  -->
			<div class = "col-md-10" id = "workcontent">
			
			
			
			</div>
		
		</div>
	
	
	</div>
	
		<!--尾部  -->
	<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
		<p class = "collapse navbar-collapse justify-content-center"><font color = "white">开源项目，欢迎指导</font></p>
	</nav>
	<!--尾部  -->
	
	<script type="text/javascript">
	
	function showWork(obj,url){
		$(".list-group button").removeClass("active")
		$("#workcontent").load(url);
		$(obj).addClass("active")
		
	}
	
	
	
	</script>

</body>
</html>